<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        /* 创建字体 */
        @font-face {font-family: 'webfont';
                        src: url('icon&font/webfont.eot'); /* IE9*/
                        src: url('icon&font/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
                        url('icon&font/webfont.woff') format('woff'), /* chrome、firefox */
                        url('icon&font/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
                        url('icon&font/webfont.svg#webfont') format('svg'); /* iOS 4.1- */
            }
        /* 定义一个样式 */
        span {
            /* 得和上面对应 */
            font-family:"webfont" !important;
            font-size:16px;font-style:normal;
            -webkit-font-smoothing: antialiased;
            -webkit-text-stroke-width: 0.2px;
            -moz-osx-font-smoothing: grayscale;}
        
    </style>
</head>
<body>
    <span>
        英雄不问出路，流氓不看岁数 但是啊但是敖德萨可能靠岸开始疯狂
    </span>
    </body>
</html>